<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<html lang="en">
<head>
<meta charset="utf-8" />
<base href="<%=basePath%>">

<title>优标管理平台</title>
<!-- 浏览器上显示title 图标 icon图标 -->
	<link type="image/x-icon" rel="icon" href="<%=basePath %>resource/img/minilogo.png">

	<!-- 如果想让图标出现在收藏夹中，就：  -->
	<link type="image/x-icon" rel="shortcut icon" href="<%=basePath %>resource/img/minilogo.png">
	<link type="image/x-icon" rel="bookmark" href="<%=basePath %>resource/img/minilogo.png">

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="BWSoft">
<meta http-equiv="description" content="BWSoft">
<!-- basic styles -->
<link href="<%=basePath %>admin/assets/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="<%=basePath %>admin/assets/css/font-awesome.min.css" />

<!--[if IE 7]>
      <link rel="stylesheet" href="<%=basePath %>admin/assets/css/font-awesome-ie7.min.css" />
    <![endif]-->
<!-- page specific plugin styles -->
<!-- fonts -->
<!-- ace styles -->

<link rel="stylesheet" href="<%=basePath %>admin/assets/css/ace.min.css" />
<link rel="stylesheet" href="<%=basePath %>admin/assets/css/ace-rtl.min.css" />
<link rel="stylesheet" href="<%=basePath %>admin/assets/css/ace-skins.min.css" />
<link rel="stylesheet" href="<%=basePath %>admin/assets/css/jquery.gritter.css" />
<!--[if lte IE 8]>
      <link rel="stylesheet" href="<%=basePath %>admin/assets/css/ace-ie.min.css" />
    <![endif]-->
<!-- inline styles related to this page -->
<!-- ace settings handler -->

<script src="<%=basePath %>admin/assets/js/ace-extra.min.js"></script>




<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
    <script src="<%=basePath %>admin/assets/js/html5shiv.js"></script>
    <script src="<%=basePath %>admin/assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body style="font-family:微软雅黑; overflow:hidden;">
	<div class="navbar navbar-default" id="navbar" style="background-color:#493e47;height:45px;">
		<script type="text/javascript">
	    try {
		ace.settings.check('navbar', 'fixed')
	    } catch (e) {
	    }
	</script>

		<div class="navbar-container" id="navbar-container">
			<div class="navbar-header pull-left">
				<a class="navbar-brand" style="font-size:18px"> <small> <img src="<%=basePath %>resource/img/minilogo.png" style="height:30px; width: 30px;margin-right: 10px;margin-top: -5px" />优标管理平台
				</small>
				</a>
				<!-- /.brand -->
			</div>
			<!-- /.navbar-header -->

			<div class="navbar-header pull-right" role="navigation">
				<ul class="nav ace-nav">

					<li class="light-blue"><a data-toggle="dropdown" href="#" class="dropdown-toggle"> <img class="nav-user-photo" src="<%=basePath %>admin/assets/avatars/user.png" /> <span class="user-info"> <small>欢迎使用</small> <%-- ${ aclUser.userName } --%> ${session.User.name }
						</span> <i class="icon-caret-down"></i>
					</a>

						<ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">


							<li><a href="admin/system_logoutSyste.action"> <i class="icon-off"></i> 退出
							</a></li>
						</ul></li>
				</ul>
				<!-- /.ace-nav -->
			</div>
			<!-- /.navbar-header -->
		</div>
		<!-- /.container -->
	</div>

	<div class="main-container" id="main-container">
		<script type="text/javascript">
	    try {
		ace.settings.check('main-container', 'fixed')
	    } catch (e) {
	    }
	</script>

		<div class="main-container-inner">
			<a class="menu-toggler" id="menu-toggler" href="#"> <span class="menu-text"></span>
			</a>

			<div class="sidebar" id="sidebar">
				<script type="text/javascript">
		    try {
			ace.settings.check('sidebar', 'fixed')
		    } catch (e) {
		    }
		</script>


				<ul class="nav nav-list">${msg.msgStr }
				</ul>
				<!-- /.nav-list -->

				<div class="sidebar-collapse" id="sidebar-collapse">
					<i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
				</div>

				<script type="text/javascript">
		    try {
			ace.settings.check('sidebar', 'collapsed')
		    } catch (e) {
		    }
		</script>
			</div>

			<div class="main-content" style="height:98%;">
				<iframe src="" name="cont" scrolling="auto" noresize="noresize" id="topFrame" style="width:100%;height:92%;" frameborder="0"></iframe>
				<div style="    text-align: center;"> Copyright&nbsp;©&nbsp;AllSep Inc. All Rights Reserved(R)&nbsp;&nbsp;版权所有北京亚分科技有限公司
			</div>
			</div>

		</div>
		<!-- /.main-container-inner -->

		<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse"> <i class="icon-double-angle-up icon-only bigger-110"></i>
		</a>
	</div>
	<!-- /.main-container -->

	<!-- basic scripts -->

	<!--[if !IE]> -->

	<!--<script src="http://cdn.bootcss.com/jquery/2.0.3/jquery.min.js"></script>-->

	<!-- <![endif]-->

	<!--[if IE]>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<![endif]-->

	<!--[if !IE]> -->

	<script type="text/javascript">
	window.jQuery
		|| document
			.write("<script src='<%=basePath %>admin/assets/js/jquery-2.0.3.min.js'>"
				+ "<"+"script>");
    </script>

	<!-- <![endif]-->

	<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='<%=basePath %>admin/assets/js/jquery-1.10.2.min.js'>"+"<"+"script>");
</script>
<![endif]-->

	<script type="text/javascript">
	if ("ontouchend" in document)
	    document
		    .write("<script src='<%=basePath %>admin/assets/js/jquery.mobile.custom.min.js'>"
			    + "<"+"script>");
    </script>
	<script src="<%=basePath %>admin/assets/js/bootstrap.min.js"></script>
	<script src="<%=basePath %>admin/assets/js/typeahead-bs2.min.js"></script>

	<!-- page specific plugin scripts -->

	<!--[if lte IE 8]>
		  <script src="<%=basePath %>admin/assets/js/excanvas.min.js"></script>
		<![endif]-->

	<script src="<%=basePath %>admin/assets/js/jquery-ui-1.10.3.custom.min.js"></script>
	<script src="<%=basePath %>admin/assets/js/jquery.ui.touch-punch.min.js"></script>
	<script src="<%=basePath %>admin/assets/js/jquery.slimscroll.min.js"></script>
	<script src="<%=basePath %>admin/assets/js/jquery.easy-pie-chart.min.js"></script>
	<script src="<%=basePath %>admin/assets/js/jquery.sparkline.min.js"></script>
	<script src="<%=basePath %>admin/assets/js/flot/jquery.flot.min.js"></script>
	<script src="<%=basePath %>admin/assets/js/flot/jquery.flot.pie.min.js"></script>
	<script src="<%=basePath %>admin/assets/js/flot/jquery.flot.resize.min.js"></script>

	<!-- ace scripts -->

	<script src="<%=basePath %>admin/assets/js/ace-elements.min.js"></script>
	<script src="<%=basePath %>admin/assets/js/ace.min.js"></script>

	<!-- inline scripts related to this page -->

	<script type="text/javascript">
	//鼠标点击菜单选中
	$(window).load(function() {
	    $(".nav.nav-list li ul li").click(function() {
		$(".nav.nav-list li").removeClass("active");
		$(this).find("ul").length == 0 && $(this).addClass("active");
	    });
	});
	jQuery(function($) {
	    $('.easy-pie-chart.percentage')
		    .each(
			    function() {
				var $box = $(this).closest('.infobox');
				var barColor = $(this).data('color')
					|| (!$box.hasClass('infobox-dark') ? $box
						.css('color')
						: 'rgba(255,255,255,0.95)');
				var trackColor = barColor == 'rgba(255,255,255,0.95)' ? 'rgba(255,255,255,0.25)'
					: '#E2E2E2';
				var size = parseInt($(this).data('size')) || 50;
				$(this)
					.easyPieChart(
						{
						    barColor : barColor,
						    trackColor : trackColor,
						    scaleColor : false,
						    lineCap : 'butt',
						    lineWidth : parseInt(size / 10),
						    animate : /msie\s*(8|7|6)/
							    .test(navigator.userAgent
								    .toLowerCase()) ? false
							    : 1000,
						    size : size
						});
			    })

	    $('.sparkline').each(
		    function() {
			var $box = $(this).closest('.infobox');
			var barColor = !$box.hasClass('infobox-dark') ? $box
				.css('color') : '#FFF';
			$(this).sparkline('html', {
			    tagValuesAttribute : 'data-values',
			    type : 'bar',
			    barColor : barColor,
			    chartRangeMin : $(this).data('min') || 0
			});
		    });

	    var placeholder = $('#piechart-placeholder').css({
		'width' : '90%',
		'min-height' : '150px'
	    });
	    var data = [ {
		label : "social networks",
		data : 38.7,
		color : "#68BC31"
	    }, {
		label : "search engines",
		data : 24.5,
		color : "#2091CF"
	    }, {
		label : "ad campaigns",
		data : 8.2,
		color : "#AF4E96"
	    }, {
		label : "direct traffic",
		data : 18.6,
		color : "#DA5430"
	    }, {
		label : "other",
		data : 10,
		color : "#FEE074"
	    } ]
	    function drawPieChart(placeholder, data, position) {
		$.plot(placeholder, data, {
		    series : {
			pie : {
			    show : true,
			    tilt : 0.8,
			    highlight : {
				opacity : 0.25
			    },
			    stroke : {
				color : '#fff',
				width : 2
			    },
			    startAngle : 2
			}
		    },
		    legend : {
			show : true,
			position : position || "ne",
			labelBoxBorderColor : null,
			margin : [ -30, 15 ]
		    },
		    grid : {
			hoverable : true,
			clickable : true
		    }
		})
	    }
	    drawPieChart(placeholder, data);

	    /**
	    we saved the drawing function and the data to redraw with different position later when switching to RTL mode dynamically
	    so that's not needed actually.
	     */
	    placeholder.data('chart', data);
	    placeholder.data('draw', drawPieChart);

	    var $tooltip = $(
		    "<div class='tooltip top in'><div class='tooltip-inner'></div></div>")
		    .hide().appendTo('body');
	    var previousPoint = null;

	    placeholder.on('plothover', function(event, pos, item) {
		if (item) {
		    if (previousPoint != item.seriesIndex) {
			previousPoint = item.seriesIndex;
			var tip = item.series['label'] + " : "
				+ item.series['percent'] + '%';
			$tooltip.show().children(0).text(tip);
		    }
		    $tooltip.css({
			top : pos.pageY + 10,
			left : pos.pageX + 10
		    });
		} else {
		    $tooltip.hide();
		    previousPoint = null;
		}

	    });

	    var d1 = [];
	    for (var i = 0; i < Math.PI * 2; i += 0.5) {
		d1.push([ i, Math.sin(i) ]);
	    }

	    var d2 = [];
	    for (var i = 0; i < Math.PI * 2; i += 0.5) {
		d2.push([ i, Math.cos(i) ]);
	    }

	    var d3 = [];
	    for (var i = 0; i < Math.PI * 2; i += 0.2) {
		d3.push([ i, Math.tan(i) ]);
	    }

	    var sales_charts = $('#sales-charts').css({
		'width' : '100%',
		'height' : '220px'
	    });
	    $.plot("#sales-charts", [ {
		label : "Domains",
		data : d1
	    }, {
		label : "Hosting",
		data : d2
	    }, {
		label : "Services",
		data : d3
	    } ], {
		hoverable : true,
		shadowSize : 0,
		series : {
		    lines : {
			show : true
		    },
		    points : {
			show : true
		    }
		},
		xaxis : {
		    tickLength : 0
		},
		yaxis : {
		    ticks : 10,
		    min : -2,
		    max : 2,
		    tickDecimals : 3
		},
		grid : {
		    backgroundColor : {
			colors : [ "#fff", "#fff" ]
		    },
		    borderWidth : 1,
		    borderColor : '#555'
		}
	    });

	    $('#recent-box [data-rel="tooltip"]').tooltip({
		placement : tooltip_placement
	    });
	    function tooltip_placement(context, source) {
		var $source = $(source);
		var $parent = $source.closest('.tab-content')
		var off1 = $parent.offset();
		var w1 = $parent.width();

		var off2 = $source.offset();
		var w2 = $source.width();

		if (parseInt(off2.left) < parseInt(off1.left)
			+ parseInt(w1 / 2))
		    return 'right';
		return 'left';
	    }

	    $('.dialogs,.comments').slimScroll({
		height : '300px'
	    });

	    //Android's default browser somehow is confused when tapping on label which will lead to dragging the task
	    //so disable dragging when clicking on label
	    var agent = navigator.userAgent.toLowerCase();
	    if ("ontouchstart" in document && /applewebkit/.test(agent)
		    && /android/.test(agent))
		$('#tasks').on('touchstart', function(e) {
		    var li = $(e.target).closest('#tasks li');
		    if (li.length == 0)
			return;
		    var label = li.find('label.inline').get(0);
		    if (label == e.target || $.contains(label, e.target))
			e.stopImmediatePropagation();
		});

	    $('#tasks').sortable({
		opacity : 0.8,
		revert : true,
		forceHelperSize : true,
		placeholder : 'draggable-placeholder',
		forcePlaceholderSize : true,
		tolerance : 'pointer',
		stop : function(event, ui) {//just for Chrome!!!! so that dropdowns on items don't appear below other items after being moved
		    $(ui.item).css('z-index', 'auto');
		}
	    });
	    $('#tasks').disableSelection();
	    $('#tasks input:checkbox').removeAttr('checked').on('click',
		    function() {
			if (this.checked)
			    $(this).closest('li').addClass('selected');
			else
			    $(this).closest('li').removeClass('selected');
		    });

	})
    </script>
</body>
</html>
